﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Registration Form</title>
    <link rel="stylesheet" type="text/css" href="StyleForm.css" />
</head>
<body>
    <form>
        <table>
            <tr>
                <th>Last Name</th>
                <td>
                    <input type="text" id="lastName" />
                </td>
            </tr>
            <tr>
                <th>First Name</th>
                <td>
                    <input type="text" id="firstName" />
                </td>
            </tr>
            <tr>
                <th>Address</th>
                <td>
                    <textarea id="address"></textarea>
                </td>
            </tr>
            <tr>
                <th>City</th>
                <td id="cityForm">
                    <input type="text" id="city" />
                    <label for="state">State</label>
                    <input type="text" id="state" />
                </td>
            </tr>
            <tr>
                <th>Zip/Postal Code</th>
                <td>
                    <input type="text" id="zip" />
                </td>
            </tr>
            <tr>
                <th>Country</th>
                <td>
                    <select id="country">
                        <option value="Bulgaria" selected="selected">Bulgaria</option>
                        <option value="Greece">Greece</option>
                        <option value="USA">USA</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th>Phone(country code, area code, number)</th>
                <td id="phone">
                    (+<input type="tel" id="telPart1" maxlength="6" />)
                    <input type="tel" id="telPart2" maxlength="6" />
                    <input type="tel" id="telPart3" maxlength="20" />
                </td>
            </tr>
            <tr>
                <th>E-mail</th>
                <td>
                    <input type="email" id="email" />
                </td>
            </tr>
            <tr>
                <th>Birth date</th>
                <td>
                    <input type="date" id="burthDate" />
                </td>
            </tr>
            <tr>
                <th>Gender</th>
                <td>
                    <select id="gender">
                        <option value="Male" selected="selected">Male</option>
                        <option value="Female">Female</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th>Starting date</th>
                <td>
                    <input type="radio" name="startingDate" value="Spring 2015" checked="checked" />
                    Spring 2015
                    <input type="radio" name="startingDate" value="Summer 2015" />
                    Summer 2015
                </td>
            </tr>
            <tr>
                <th>Comments/Questions</th>
                <td>
                    <textarea id="commentsQuestions"></textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2" id="submitResetTd">
                    <input type="submit" value="Submit" id="submit" />
                    <input type="reset" value="Clean This Form" id="reset" />
                </td>
            </tr>
        </table>
    </form>
</body>
</html>
